<!-- 
 * 需求录入对接结果页面
 * @author: 
 * @since: 2022-05-31
 * enteringAbutmentResult.vue
-->
<template>
  <demandFileCom :type="1"></demandFileCom>
</template>

<script setup>
import { onMounted, onUnmounted, reactive, ref } from 'vue';
import { useStore } from 'vuex';
import { useRouter } from 'vue-router';
const store = useStore();
const router = useRouter();

onMounted(() => {
  const level = router.currentRoute.value.meta.level
  store.dispatch('setting/setRouterCut', level);
})

onUnmounted(() => {
  store.dispatch('setting/setRouterCut', 2);
})





</script>

<style lang="scss" scoped>
.demandEnteringAbutmentResult-container {
  .title {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    .line {
      width: 6px;
      background: #00a2ff;
      height: 16px;
    }
    .word {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      margin-left: 10px;
    }
  }
  .demand-base-info {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    .common {
      width: 100%;
      .item {
        font-size: 16px;
        display: flex;
        color: #333333;
        .key {
          font-weight: bold;
        }
      }
    }
    .one {
      margin-bottom: 20px;
    }
  }
  .achievement-info {
    margin-top: 30px;
    .abutmentList {
      display: flex;
      .achievement-form {
        flex: 1;
        background: #f5f7fd;
        border-radius: 4px;
        padding: 20px;
        margin: 0 0 20px 20px;
        .key {
          :deep(.el-form-item__label) {
            font-weight: bold !important;
            color: #333 !important;
          }
        }
      }
      .abutmentMoney {
        display: flex;
        flex: 1;
        .unit {
          color: #333333;
          font-size: 12px;
          height: 32px;
          line-height: 32px;
        }
      }
      .isHidden {
        visibility: hidden;
      }
      .arrows {
        text-align: right;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        height: 30px;
        line-height: 30px;
      }
    }
  }
}
</style>
